import Vue from "vue";
import App from "./App.vue";
import router from "./router";

// 引入全局css样式控制文件
import "./assets/css/global.css";
// 引入iconfont图标库样式文件
import "./assets/fonts/iconfont.css";

// 引入和注册elementui组件库
import ELEMENT from "element-ui";
Vue.use(ELEMENT);

// 引入axios的配置文件http.js文件
import axios from "./http.js";
Vue.prototype.$http = axios;

// 引入自定义组件并注册为全局组件
import MyBread from "./components/MyBread.vue";
Vue.component("my-bread", MyBread);

// 引入moment.js 插件 并使用过滤器注册为全局的
import moment from "moment";
Vue.filter("ft", (value) => {
  // ft(format time 格式化时间)
  // value(是管道符前的js表达式的值 )
  // 使用moment.js 进行格式转换
  // 1.npm i moment --save (生产安装)
  // 2.导入 import moment from "moment"
  // 3.moment(时间 默认当前的时间).format(时间格式 不传有默认格式)
  // 4.HH24小时制 hh12小时制
  // 5.后台返回的时间单位是秒 时间戳返回的单位是毫秒
  return moment(value * 1000).format("YYYY/MM/DD HH:mm:ss");
});

new Vue({
  router,
  render: (h) => h(App),
}).$mount("#app");
